.main-view {
    -fx-background-color: -background-color;
    -fx-border-color: -tab-header-border-color;
    -fx-border-width: 2;
    -fx-border-radius: 8;
}

/* ====================== background color ======================*/
.main-background {
    -fx-background-color: -background-color;
}

.transparent-background {
    -fx-background-color: transparent;
}

.red-text {
    -fx-text-fill: #D22C2CFF;
    -fx-fill: #D22C2CFF;
}

.text {
    -fx-fill: -fill-color; /* default */
    -fx-text-fill: -text-color;
}

.button {
    -fx-text-fill: -text-color;
    -fx-background-color: -button-color;
    -fx-opacity: 0.9;
}

.button:hover {
    -fx-background-color: -button-hover-color;
}

.button:hover:pressed {
    -fx-background-color: -button-pressed-color;
}

.image-view {
    -fx-background-color: transparent;
}

/* default choice-box */
.choice-box {
    -fx-background-color: transparent;
    -fx-border-color: -choice-box-border-color;
    -fx-border-width: 0 0 0 0;
    -fx-pref-width: 80;
}

.choice-box:hover {
    -fx-background-color: -choice-box-hover-color;
}

.choice-box .menu-item:focused {
    -fx-background-color: -choice-box-item-focused-color;
}


/* ====================== /image Button ======================*/

.setting-button {
    -fx-background-color: transparent;
    -fx-background-image: url("/assets/img/settings.png");
    -fx-background-repeat: no-repeat;
    -fx-background-position: center;
    -fx-border-color: transparent;
    -fx-background-size: 18;
    -fx-pref-height: 26;
    -fx-pref-width: 26;
    -fx-text-alignment: center;
    -fx-alignment: center;
    -fx-content-display: center;
}

.create-button {
    -fx-background-color: transparent;
    -fx-background-image: url("/assets/img/create.png");
    -fx-background-repeat: no-repeat;
    -fx-background-position: center;
    -fx-border-color: transparent;
    -fx-background-size: 18;
    -fx-pref-height: 26;
    -fx-pref-width: 26;
    -fx-text-alignment: center;
    -fx-alignment: center;
    -fx-content-display: center;
}

.logs-button {
    -fx-background-color: transparent;
    -fx-background-image: url("/assets/img/logs.png");
    -fx-background-repeat: no-repeat;
    -fx-background-position: center;
    -fx-border-color: transparent;
    -fx-background-size: 18;
    -fx-pref-height: 26;
    -fx-pref-width: 26;
    -fx-text-alignment: center;
    -fx-alignment: center;
    -fx-content-display: center;
}

.save-button {
    -fx-background-color: transparent;
    -fx-background-image: url("/assets/img/save.png");
    -fx-background-repeat: no-repeat;
    -fx-background-position: center;
    -fx-border-color: transparent;
    -fx-background-size: 18;
    -fx-pref-height: 26;
    -fx-pref-width: 26;
    -fx-text-alignment: center;
    -fx-alignment: center;
    -fx-content-display: center;
}

.import-button {
    -fx-background-image: url("/assets/img/import.png");
    -fx-background-repeat: no-repeat;
    -fx-background-position: center;
    -fx-border-color: transparent;
    -fx-background-size: 18;
    -fx-pref-height: 26;
    -fx-pref-width: 26;
    -fx-text-alignment: center;
    -fx-alignment: center;
    -fx-content-display: center;
}

.open-file-button {
    -fx-background-image: url("/assets/img/file-open.png");
    -fx-background-repeat: no-repeat;
    -fx-background-position: center;
    -fx-border-color: transparent;
    -fx-background-size: 18;
    -fx-pref-height: 26;
    -fx-pref-width: 26;
    -fx-text-alignment: center;
    -fx-alignment: center;
    -fx-content-display: center;
}

.refresh-button {
    -fx-background-image: url("/assets/img/refresh.png");
    -fx-background-repeat: no-repeat;
    -fx-background-position: center;
    -fx-border-color: transparent;
    -fx-background-size: 18;
    -fx-pref-height: 26;
    -fx-pref-width: 26;
    -fx-text-alignment: center;
    -fx-alignment: center;
    -fx-content-display: center;
}

.ok-button {
    -fx-background-image: url("/assets/img/ok.png");
    -fx-background-repeat: no-repeat;
    -fx-background-position: center;
    -fx-border-color: transparent;
    -fx-background-size: 18;
    -fx-pref-height: 26;
    -fx-pref-width: 26;
    -fx-text-alignment: center;
    -fx-alignment: center;
    -fx-content-display: center;
}

.cancel-button {
    -fx-background-image: url("/assets/img/cancel.png");
    -fx-background-repeat: no-repeat;
    -fx-background-position: center;
    -fx-border-color: transparent;
    -fx-background-size: 18;
    -fx-pref-height: 26;
    -fx-pref-width: 26;
    -fx-text-alignment: center;
    -fx-alignment: center;
    -fx-content-display: center;
}

.submit-button {
    -fx-background-image: url("/assets/img/submit.png");
    -fx-background-repeat: no-repeat;
    -fx-background-position: center;
    -fx-border-color: transparent;
    -fx-background-size: 18;
    -fx-pref-height: 26;
    -fx-pref-width: 26;
    -fx-text-alignment: center;
    -fx-alignment: center;
    -fx-content-display: center;
}

.top-button {
    -fx-background-image: url("/assets/img/top.png");
    -fx-background-repeat: no-repeat;
    -fx-background-position: center;
    -fx-border-color: transparent;
    -fx-background-size: 18;
    -fx-pref-height: 26;
    -fx-pref-width: 26;
    -fx-text-alignment: center;
    -fx-alignment: center;
    -fx-content-display: center;
}

.bottom-button {
    -fx-background-image: url("/assets/img/bottom.png");
    -fx-background-repeat: no-repeat;
    -fx-background-position: center;
    -fx-border-color: transparent;
    -fx-background-size: 18;
    -fx-pref-height: 26;
    -fx-pref-width: 26;
    -fx-text-alignment: center;
    -fx-alignment: center;
    -fx-content-display: center;
}

.wrap-button {
    -fx-background-image: url("/assets/img/wrap.png");
    -fx-background-repeat: no-repeat;
    -fx-background-position: center;
    -fx-border-color: transparent;
    -fx-background-size: 18;
    -fx-pref-height: 26;
    -fx-pref-width: 26;
    -fx-text-alignment: center;
    -fx-alignment: center;
    -fx-content-display: center;
}

.clear-button {
    -fx-background-image: url("/assets/img/clear.png");
    -fx-background-repeat: no-repeat;
    -fx-background-position: center;
    -fx-border-color: transparent;
    -fx-background-size: 18;
    -fx-pref-height: 26;
    -fx-pref-width: 26;
    -fx-text-alignment: center;
    -fx-alignment: center;
    -fx-content-display: center;
}

.minimize-button {
    -fx-background-image: url("/assets/img/minimize.png");
    -fx-background-repeat: no-repeat;
    -fx-background-position: center;
    -fx-background-color: transparent;
    -fx-border-color: transparent;
    -fx-background-size: 18;
    -fx-pref-height: 26;
    -fx-pref-width: 26;
    -fx-text-alignment: center;
    -fx-alignment: center;
    -fx-content-display: center;
}

.maximize-button {
    -fx-background-image: url("/assets/img/maximize.png");
    -fx-background-repeat: no-repeat;
    -fx-background-position: center;
    -fx-background-color: transparent;
    -fx-border-color: transparent;
    -fx-background-size: 18;
    -fx-pref-height: 26;
    -fx-pref-width: 26;
    -fx-text-alignment: center;
    -fx-alignment: center;
    -fx-content-display: center;
}

.minimized-button {
    -fx-background-image: url("/assets/img/minimized.png");
    -fx-background-repeat: no-repeat;
    -fx-background-position: center;
    -fx-background-color: transparent;
    -fx-border-color: transparent;
    -fx-background-size: 18;
    -fx-pref-height: 26;
    -fx-pref-width: 26;
    -fx-text-alignment: center;
    -fx-alignment: center;
    -fx-content-display: center;
}

.maximized-button {
    -fx-background-image: url("/assets/img/maximized.png");
    -fx-background-repeat: no-repeat;
    -fx-background-position: center;
    -fx-background-color: transparent;
    -fx-border-color: transparent;
    -fx-background-size: 18;
    -fx-pref-height: 26;
    -fx-pref-width: 26;
    -fx-text-alignment: center;
    -fx-alignment: center;
    -fx-content-display: center;
}

.close-button {
    -fx-background-image: url("/assets/img/close.png");
    -fx-background-repeat: no-repeat;
    -fx-background-position: center;
    -fx-background-color: transparent;
    -fx-border-color: transparent;
    -fx-background-size: 18;
    -fx-pref-height: 26;
    -fx-pref-width: 26;
    -fx-text-alignment: center;
    -fx-alignment: center;
    -fx-content-display: center;
}

.gitee-button {
    -fx-background-image: url("/assets/img/gitee.png");
    -fx-background-repeat: no-repeat;
    -fx-background-position: center;
    -fx-background-color: transparent;
    -fx-border-color: transparent;
    -fx-background-size: 24;
    -fx-pref-height: 36;
    -fx-pref-width: 36;
    -fx-text-alignment: center;
    -fx-alignment: center;
    -fx-content-display: center;
}

.mailto-button {
    -fx-background-image: url("/assets/img/mailto.png");
    -fx-background-repeat: no-repeat;
    -fx-background-position: center;
    -fx-background-color: transparent;
    -fx-border-color: transparent;
    -fx-background-size: 24;
    -fx-pref-height: 36;
    -fx-pref-width: 36;
    -fx-text-alignment: center;
    -fx-alignment: center;
    -fx-content-display: center;
}

/** ======================== default tab panel ========================*/
.tab-header-background {
    -fx-background-color: -tab-header-background-color;
    -fx-border-color: -tab-header-border-color;
    -fx-border-width: 0 0 1 0;
}

.tab {
    -fx-background-color: -tab-backgroud-color;
    -fx-border-radius: 0;
    -fx-background-radius: 0;
    -fx-border-color: -tab-border-color;
    -fx-border-width: 0;
}

.tab:selected {
    -fx-border-width: 3 0 0 0;
    -fx-border-color: -tab-selected-border-color;
    -fx-background-color: transparent;
    -fx-text-fill: -tab-selected-text-color;
    -fx-opacity: 0.9;
    -fx-background-radius: 8;
}

.tab:hover {
    -fx-background-color: -tab-hover-background-color;
}

.tab:selected .tab-label {
    -fx-text-fill: -tab-selected-text-color;
    -fx-font-weight: 100;
    -fx-padding: 6 10 6 10;
    -fx-font-size: 12;
}

.tab-pane:selected {
    -fx-border-width: 0;
}

.tab-container {
    -fx-border-width: 0;
}

.tab-container:selected {
    -fx-border-width: 0;
}

.tab-container .focus-indicator {
    -fx-border-color: transparent;
    -fx-background-color: transparent;
}

.tab-pane .headers-region .tab .tab-container .tab-label {
    -fx-text-fill: -tab-header-container-text-color;
    -fx-font-weight: 100;
    -fx-padding: 2 10 2 10;
}

.tab-pane:top .depth-container .tab-header-area .headers-region .tab-selected-line {
    -fx-background-color: transparent;
}

.tab-pane .headers-region .tab:selected .tab-container .tab-label {
    -fx-text-fill: -tab-header-selected-container-text-color
}

/* jfx tab panel */
.jfx-tab-pane .tab-selected-line {
    -fx-background-color: -jfx-tab-selected-line-color;
    -fx-pref-height: 4px;
}

.jfx-tab-pane .headers-region .tab .tab-container .tab-label {
    -fx-text-fill: -tab-header-container-text-color;
    -fx-font-weight: 100;
    -fx-padding: 6 10 6 10;
    -fx-font-size: 12;
}

.jfx-tab-pane .headers-region .tab:selected .tab-container .tab-label {
    -fx-text-fill: -tab-header-selected-container-text-color;
}

.jfx-tab-pane:top .depth-container .tab-header-area .headers-region .tab-selected-line {
    -fx-background-color: transparent;
}

.jfx-tab-pane .tab:selected {
    -fx-border-width: 0 0 3 0;
    -fx-border-color: -jfx-tab-selected-color;
}


/** ======================== default table panel ========================*/
/**
 * table-view > column-resize-line
 * table-view > column-overlay
 * table-view > column-header-background
 */
.table-view {
    -fx-background-radius: 0;
    -fx-border-radius: 0;
    -fx-border-color: -table-border-color;
    -fx-border-width: 0;
}

.table-view:focused, .table-view:hover, .table-view:selected {
    -fx-border-width: 0;
}

.column-resize-line {
    /*-fx-background-color: #999;*/

}

.column-overlay {
    /*-fx-background-color: #555;*/
}

.table-column {
    /*-fx-background-color: #000;*/
}

/* table header:
 * column-header-background > column-header
 * column-header-background > filler
 * column-header-background > show-hide-columns-button > show-hide-column-image
 * column-header-background > column-drag-header > label
 */
.column-header-background {
    -fx-border-color: -table-header-backgroup-border-color;
    -fx-border-width: 0 0 1 0;
}

.column-header {
    -fx-background-color: -table-header-background-color;
}

.column-header:hover {
    -fx-background-color: -table-header-hover-background-color;
}

.column-drag-header {
    -fx-background-color: -table-header-drag-background-color;

}

.column-drag-header .label {
    -fx-text-fill: -table-header-drag-label-text-color;

}

/*The 'filler' area that extends from the right-most column to the edge*/
/*of the tableview, or up to the 'column control' button*/
.filler {
    /*-fx-background-color: #F50;*/
}

/*build the corner region button for showing the popup menu*/
.show-hide-columns-button {
    -fx-background-color: -table-hide-column-button-background-color;
    -fx-background-insets: 0;
    -fx-border-color: -table-hide-column-button-border-color;
    -fx-border-width: 2;
    -fx-padding: 6 12 6 12;
}

.show-hide-columns-button:hover {
    -fx-background-color: -table-hide-column-button-hover-background-color;
}

.show-hide-column-image {
    -fx-padding: 3;
    -fx-scale-shape: false;
    -fx-shape: -table-hide-column-image-shape;
}

/* text */
.text-field, .text-area {
    -fx-text-fill: -text-color;
}

/* jfx text field*/
.jfx-text-field {
    -fx-padding: 0.333333em 0 0.333333em 0;
    -fx-prompt-text-fill: -jfx-text-prompt-color;
    -jfx-focus-color: -jfx-text-focus-color;
    -jfx-unfocus-color: -jfx-text-unfocus-color;
    -fx-text-fill: -text-color;
}

.jfx-text-field > .input-line {
    -fx-background-color: -jfx-unfocus-color;
    -fx-pref-height: 1px;
    -fx-translate-y: 1px;
}

.jfx-text-field > .input-focused-line {
    -fx-background-color: -jfx-focus-color;
    -fx-pref-height: 2px;
}

.jfx-text-field,
.jfx-text-field:focused {
    -fx-background-color: transparent;
    -fx-prompt-text-fill: -jfx-text-focus-prompt-color;
}

.jfx-text-field, .jfx-password-field {
    -fx-background-color: transparent;
    -fx-prompt-text-fill: -jfx-text-prompt-color;
    -jfx-focus-color: -jfx-text-focus-color;
    -jfx-unfocus-color: -jfx-text-unfocus-color;
}

/* jfx textarea */
.jfx-text-area {
    -jfx-focus-color: -jfx-text-focus-color;
    -jfx-unfocus-color: -jfx-text-unfocus-color;
    -fx-padding: 0.333333em 0 0 0;
}

.jfx-text-area .content {
    -fx-text-fill: -text-color;
    -jfx-focus-color: -jfx-text-focus-color;
    -jfx-unfocus-color: -jfx-text-unfocus-color;
}

.jfx-text-area > .input-line {
    -fx-background-color: -jfx-unfocus-color;
    -fx-pref-height: 1px;
    -fx-translate-y: 1px;
}

.jfx-text-area > .input-focused-line {
    -fx-background-color: -jfx-focus-color;
    -fx-pref-height: 2px;
}

.jfx-text-area,
.jfx-text-area:focused {
    -fx-prompt-text-fill: -jfx-text-focus-prompt-color;
}

/* jfx snack */
.jfx-snackbar-content {
    -fx-background-color: -jfx-snackbar-content-background-color;
}

.jfx-snackbar-toast {
    -fx-text-fill: -jfx-snackbar-toast-text-color;
}

.jfx-snackbar-action {
    -fx-text-fill: -jfx-snackbar-action-text-color;
}

/* jfx checkbox */
.jfx-check-box {
    -jfx-checked-color: -jfx-check-box-checked-color;
    -jfx-unchecked-color: -jfx-check-box-unchecked-color;
}

/* list view */
.list-view {
    -fx-base: -list-view-color;
    -fx-control-inner-background: -list-view-inner-backgroup-color;
    -fx-background-color: -list-view-backgroup-color;
    -fx-table-cell-border-color: -list-view-cell-border-color;
    -fx-table-cell-border-size: 0;
    -fx-table-header-border-color: -list-view-header-border-color;
    -fx-table-header-border-size: 0;
    -fx-padding: 0 0 0 0;
    -fx-border-color: transparent;
    -fx-selection-bar: transparent;
    -fx-selection-bar-non-focused: transparent;
    -fx-text-fill: -text-color;
}

.list-view .list-cell {
    -fx-background-color: -list-cell-background-color;
    -fx-background-radius: 0;
    -fx-padding: 0 0 0 0;
    -fx-cell-size: 80;
    -fx-text-fill: -text-color;
    -fx-border-width: 0;
    -fx-alignment: center;
}

.jfx-combo-box .list-cell, .combo-box .list-cell {
    -fx-background-color: -list-cell-background-color;
    -fx-background-radius: 0;
    -fx-padding: 10 5 10 5;
    -fx-cell-size: 50;
    -fx-text-fill: -text-color;
    -fx-border-width: 0;
    -fx-alignment: center;
}

.jfx-combo-box .list-cell:hover, .combo-box .list-cell:hover,
.jfx-combo-box .list-cell:focused, .combo-box .list-cell:focused {
    -fx-background-color: -list-cell-hover-background-color;
}

/*plugin list item */
.plugin-item {
    -fx-alignment: center;
    -fx-background-color: -plugin-item-unselected-backgroud-color;
    -fx-background-radius: 8;
    -fx-border-color: -plugin-item-unselected-border-color;
    -fx-border-width: 1 1 1 1;
    -fx-border-radius: 8;
    -fx-text-fill: -text-color;
    -fx-min-width: 38;
    -fx-pref-width: 38;
    -fx-max-width: 38;
    -fx-min-height: 38;
    -fx-pref-height: 38;
    -fx-max-height: 38;
}

.plugin-list-view .list-cell:selected .plugin-item {
    -fx-border-color: -plugin-item-selected-border-color;
    -fx-background-color: -plugin-item-selected-backgroud-color;
    -fx-effect: -plugin-item-selected-effect;
}

.plugin-item:hover {
    -fx-effect: -plugin-item-unselected-hover-effect;
}

.plugin-item>.label {
    -fx-background-color: transparent;
    -fx-text-fill: -text-color;
    -fx-font-size: 30;
    -fx-font-weight: bold;
    -fx-wrap-text: false;
    -fx-content-display: center;
    -fx-text-alignment: center;
    -fx-alignment: center;
    -fx-pref-width: 38;
    -fx-min-width: -fx-pref-width;
    -fx-max-width: -fx-pref-width;
    -fx-pref-height: 38;
    -fx-min-height: -fx-pref-height;
    -fx-max-height: -fx-pref-height;
}

.plugin-item>.home {
    -fx-background-image: url("/assets/img/home.png");
    -fx-background-repeat: no-repeat;
    -fx-background-position: center;
    -fx-background-size: 36;
    -fx-font-size: 0.1;
}

.plugin-item>.setting {
    -fx-background-image: url("/assets/img/settings.png");
    -fx-background-repeat: no-repeat;
    -fx-background-position: center;
    -fx-background-size: 36;
    -fx-font-size: 0.1;
}

.plugin-item>.log {
    -fx-background-image: url("/assets/img/logs.png");
    -fx-background-repeat: no-repeat;
    -fx-background-position: center;
    -fx-background-size: 36;
    -fx-font-size: 1%;
}

.plugin-stack-pane {
    -fx-min-width: 50;
    -fx-pref-width: 50;
    -fx-max-width: 50;
    -fx-padding: 5 0 5 0;
}

.plugin-list-view {
    -fx-min-width: 50;
    -fx-pref-width: 50;
    -fx-max-width: 50;
    -fx-padding: 0 5 0 5;
    -fx-border-radius: 0;
    -fx-border-color: -plugin-list-view-border-color;
    -fx-border-width: 0 2 0 0;
}

.plugin-list-view .list-cell {
    -fx-cell-size: 50;
}

/* menu button & menu item*/
.menu-button {
    -fx-background-color:-menu-button-background-color;
    -fx-min-height: 18;
    -fx-padding: 3px;
}

.menu-button:hover {
    -fx-background-color: -menu-button-hover-background-color;
    -fx-min-height: 18;
}

.menu-button:hover:pressed {
    -fx-background-color: -menu-button-pressed-background-color;
    -fx-min-height: 18;
}


.menu-button > .arrow-button, .menu-button > .arrow-button > .arrow {
    -fx-padding: 0;
}

.menu-item:focused {
    -fx-background-color: -menu-item-focused-background-color;
    -fx-text-fill: -text-color;
    -fx-opacity: 0.8;
}

.menu-item:focused .label {
    -fx-text-fill: -text-color;
}

/*   ==================================  split pane ==================================*/
.split-pane {
    -fx-background-color: -split-pane-background-color;
    -fx-border-width: 0;
}

.split-pane-divider {
    -fx-padding: 0 5 0 0;
    -fx-background-color: -split-pane-divider-background-color;
    -fx-background-insets: 0;
}

.split-pane-divider:hover {
    -fx-background-color: -split-pane-divider-hover-background-color;
}

.split-pane-divider:pressed {
    -fx-background-color: -split-pane-divider-pressed-background-color;
}

.scroll-bar {
    -fx-background-color: -scroll-bar-background-color;
    -fx-pref-width: 4;
    -fx-min-width: 4;
    -fx-max-width: 4;
    -fx-min-hight: 2px;
    -fx-pref-hight: 2px;
    -fx-max-hight: 2px;
    -fx-block-increment: 1;
}

.scroll-bar:vertical {
    -fx-pref-width: 7;
    -fx-padding: 1;
}

.scroll-bar:horizontal {
    -fx-pref-height: 7;
    -fx-padding: 1;
}

.scroll-bar .track {
    -fx-background-color: transparent;
    visibility: false;
}

*.scroll-bar > *.track-background {
    -fx-background-color: transparent;
    -fx-border-color: transparent;
    visibility: false;
}

*.scroll-bar > *.thumb {
    -fx-background-color: -scroll-bar-thumb-background-color;
    -fx-background-insets: 0;
    -fx-min-width: 3;
    -fx-pref-width: 3;
    -fx-max-width: 3;
    -fx-min-hight: 2px;
    -fx-pref-hight: 2px;
    -fx-max-hight: 2px;
    -fx-padding: 0;
}

*.virtual-flow > *.corner {
    -fx-background-color: transparent;
    -fx-border-color: transparent;
    visibility: false;
    -fx-max-width: 5;
    -fx-max-height: 5;
}

.scroll-bar > *.increment-button,
.scroll-bar > *.increment-button > *.increment-arrow {
    -fx-background-color: transparent;
    -fx-border-color: transparent;
    visibility: false;
    -fx-max-width: 5;
    -fx-max-height: 5;
}

.scroll-bar > *.decrement-button,
.scroll-bar > *.decrement-button > *.decrement-arrow {
    -fx-background-color: transparent;
    -fx-border-color: transparent;
    visibility: false;
}


/*   ==================================  Tree view ==================================*/
.tree-view {
    -fx-background-color: -tree-view-background-color;
    -fx-text-fill: -text-color;
}

.tree-view:disabled {
    -fx-background-color: -tree-view-disabled-background-color;
}

.tree-cell {
    -fx-text-fill: -text-color;
    -fx-background-color: -tree-cell-background-color;
}

.tree-view:focused .tree-cell:selected {
    -fx-background-color: -tree-cell-selected-background-color;
    -fx-text-fill: -text-color;
}

.tree-cell:filled:selected {
    -fx-background-color: -tree-cell-selected-background-color;
    -fx-opacity: 0.8;
}

/* context menu */
.context-menu {
    -fx-background-color: -context-menu-background-color;
    -fx-border-color: -context-menu-border-color;
    -fx-border-width: 1 1 1 1;
    -fx-border-radius: 8;
    -fx-background-radius: 8;
}

.context-menu .menu-item .text {
    -fx-fill: -context-menu-item-text-color;
}

.context-menu .menu-item:hover .text {
    -fx-font-family: "Arial";
    -fx-fill: -context-menu-item-hover-text-color;
    -fx-font-weight: bold;
}

.context-menu .button {
    -fx-background-color: transparent;
}

.context-menu .button:hover {
    -fx-background-color: transparent;
}

/* progress-bar */
.progress-bar > .track {
    -fx-background-color: -progress-bar-track-background-color;
    -fx-border-color: -progress-bar-track-border-color;
}

.progress-bar .bar {
    -fx-background-color: -progress-bar-background-color;
    -fx-opacity: 0.8;
}

/* button group */
.button-group {
    -fx-border-width: 0 0 0 1;
    -fx-border-color: -button-group-border-color;
    -fx-padding: 0 15 0 10;
    -fx-spacing: 0;
    -fx-fill-height: true;
    -fx-pref-width: -1;
    -fx-min-width: 200;
    -fx-text-fill: -text-color;
}

.button-group .button {
    -fx-background-color: -button-group-button-background-color;
    -fx-border-radius: 0;
    -fx-background-radius: 0;
    -fx-border-width: 0 0 0 0;
    -fx-border-color: -button-group-button-border-color;
}

.button-group .button:hover {
    -fx-background-color: -button-group-button-hover-background-color;
}

/** dialog **/
.dialog {
    -fx-background-color: -dialog-background-color;
}

.dialog-content {
    -fx-background-color: -dialog-content-background-color;
    -fx-border-color: transparent;
    -fx-background-insets: 0;
    -fx-border-radius: 0;
    -fx-background-radius: 0;
    -fx-border-width: 0;
    -fx-text-fill: -text-color;
}

.dialog-content .content {
    -fx-background-color: -dialog-content-background-color;
    -fx-border-color: transparent;
    -fx-border-radius: 0;
    -fx-background-radius: 0;

}

.dialog-content:focused .content {
    -fx-background-color: -dialog-content-focus-background-color;
    -fx-border-color: transparent;
    -fx-border-radius: 0;
    -fx-background-radius: 0;
}

.dialog-title {
    -fx-text-alignment: center;
    -fx-text-fill: -text-color;
    -fx-font-weight: bold;
    -fx-font-size: 16;
    -fx-border-width: 0;
}

.jfx-dialog>StackPane {
    -fx-background-color: -dialog-background-color;
    -fx-effect: -dialog-effect;
}

/* v-dialog */
.v-dialog-content {
    -fx-background-color: -v-dialog-content-background-color;
    -fx-alignment: TOP_LEFT;
    -fx-min-height: 120;
    -fx-pref-height: -1;
    -fx-max-height: 460;
    -fx-min-width: 200;
    -fx-pref-width: -1;
    -fx-max-width: 600;
    -fx-padding: 5;
}

.v-dialog-content .v-dialog-button-box {
    -fx-alignment: CENTER_RIGHT;
    -fx-padding: 0 10 0 0;
    -fx-min-height: 50;
    -fx-pref-height: 50;
    -fx-max-height: 50;
    -fx-min-width: 200;
    -fx-pref-width: -1;
    -fx-max-width: infinity;
}

.v-dialog-content .v-dialog-text {
    -fx-alignment: CENTER;
    -fx-min-height: 50;
    -fx-pref-height: -1;
    -fx-max-height: infinity;
    -fx-min-width: 200;
    -fx-pref-width: -1;
    -fx-max-width: infinity;
    -fx-text-alignment: CENTER;
    -fx-text-fill: -text-color;
    -fx-font-family: Verdana;
    -fx-font-size: 13;
    -fx-wrap-text: true;
    -fx-padding: 5 10 0 10;
}

.v-dialog-content .v-dialog-button-box .ok-button {
    -fx-background-image: none;
    -fx-pref-height: 40;
    -fx-pref-width: -1;
}

.v-dialog-content .v-dialog-button-box .cancel-button {
    -fx-background-image: none;
    -fx-pref-height: 40;
    -fx-pref-width: -1;
}


/* v-loading */
.v-loading-content {
    -fx-background-color: transparent;
    -fx-alignment: CENTER;
    -fx-min-height: -1;
    -fx-pref-height: -1;
    -fx-max-height: 600;
    -fx-min-width: -1;
    -fx-pref-width: -1;
    -fx-max-width: 600;
}

.v-loading-content .v-loading-text {
    -fx-alignment: CENTER;
    -fx-min-height: 50;
    -fx-pref-height: -1;
    -fx-max-height: infinity;
    -fx-min-width: -1;
    -fx-pref-width: -1;
    -fx-max-width: infinity;
    -fx-text-alignment: CENTER;
    -fx-text-fill: -text-color;
    -fx-font-family: Verdana;
    -fx-font-size: 13;
    -fx-wrap-text: true;
    -fx-padding: 5 10 0 10;
    -fx-background-color: transparent;
}

.v-loading-content .v-loading-icon {
    -fx-background-color: transparent;
    -fx-background-image: url("/assets/img/loading.gif");
    -fx-background-repeat: no-repeat;
    -fx-background-position: center;
    -fx-border-color: transparent;
    -fx-background-size: 50;
    -fx-pref-height: 60;
    -fx-pref-width: 60;
    -fx-text-alignment: center;
    -fx-alignment: center;
    -fx-content-display: center;
}

/* tooltip */
.tooltip {
    -fx-text-fill: -tooltip-text-color;
    -fx-font-size: 0.85em;
    -fx-effect: none;
    -fx-background-color: -tooltip-background-color;
    -fx-border-width: 1;
    -fx-border-color: -tooltip-border-color;
}

/* srcoll-pane */
.scroll-pane, .scroll-pane .viewport {
    -fx-background-color: -scroll-pane-viewport-background-color;
}

/* jfx-scroll-pane */
.jfx-scroll-pane .condensed-header {
    -fx-background-color: -jfx-scroll-pane-condensed-header-background-color;
    -fx-background-image: url("/assets/img/jfx-scroll-pane/condensed-header.jpg");
    -fx-background-repeat: no-repeat;
    -fx-background-position: bottom;
    -fx-background-size: auto 192;
}

.jfx-scroll-pane .main-header {
    -fx-background-color: -jfx-scroll-pane-main-header-background-color;
    -fx-background-image: url("/assets/img/jfx-scroll-pane/main-header.jpg");
    -fx-background-repeat: no-repeat;
    -fx-background-position: center;
    -fx-background-size: auto 192;
}

/* form-item */
.form-item-container {
    -fx-max-width: infinity;
    -fx-pref-width: 360;
    -fx-min-width: 210;
    -fx-max-height: infinity;
    -fx-pref-height: -1;
    -fx-min-height: 50;
}

.form-item-label {
    -fx-max-width: 140;
    -fx-pref-width: 140;
    -fx-min-width: 140;
    -fx-max-height: infinity;
    -fx-pref-height: -1;
    -fx-min-height: 50;
}

.form-item-separator {
    -fx-max-width: 10;
    -fx-pref-width: 10;
    -fx-min-width: 10;
    -fx-max-height: infinity;
    -fx-pref-height: -1;
    -fx-min-height: 50;
    -fx-padding: 0 3 0 0;
}

.form-item-value {
    -fx-max-width: infinity;
    -fx-max-height: infinity;
    -fx-pref-height: -1;
    -fx-min-height: 50;
}

.form-item-container .file-choose-button {
    -fx-background-image: url("/assets/img/file-open.png");
    -fx-background-repeat: no-repeat;
    -fx-background-position: center;
    -fx-border-color: transparent;
    -fx-background-size: 30;
    -fx-pref-height: 40;
    -fx-pref-width: 40;
    -fx-text-alignment: center;
    -fx-alignment: center;
    -fx-content-display: center;
}

.form-item-container:modified {
    -fx-border-width: 0 0 0 2;
    -fx-border-color: -form-item-modified-color;
}

.error-label {
    -fx-text-fill: -form-item-check-error;
}

/* custom style */
.top-bar {
    -fx-alignment: CENTER;
    -fx-min-height: 30;
    -fx-pref-height: 30;
    -fx-max-height: 30;
    -fx-background-color: -tab-header-border-color;
}

.top-bar .logo-box {
    -fx-alignment: CENTER_LEFT;
    -fx-min-height: 30;
    -fx-pref-height: 30;
    -fx-max-height: 30;
    -fx-backgroud-color: transparent;
}

.top-bar .logo-box .logo-label {
    -fx-font-size: 13;
    -fx-text-fill: -text-color;
}

.top-bar .top-bar-buttons {
    -fx-alignment: CENTER_RIGHT;
    -fx-min-height: 30;
    -fx-pref-height: 30;
    -fx-max-height: 30;
    -fx-backgroud-color: transparent;
}

.core-toast-label-info {
    -fx-background-image: url("/assets/img/notification/ok.png");
    -fx-background-repeat: no-repeat;
    -fx-background-position: center;
    -fx-background-size: 25;
    -fx-start-margin: 10;
}

.core-toast-label-error {
    -fx-background-image: url("/assets/img/notification/info.png");
    -fx-background-repeat: no-repeat;
    -fx-background-position: center;
    -fx-background-size: 25;
    -fx-start-margin: 10;
}

.main-right-pane {
    -fx-padding: 0 5 0 5;
}

/* log */
.log-vbox {

}

.log-vbox .log-function-box {

}

.log-vbox .log-area {
    -fx-border-color: -log-view-border-color;
    -fx-border-width: 2;
    -fx-border-radius: 8;
}

.log-vbox .log-area .input-line {
    visibility: hidden;
}
